.panel-item {
  .i {
    margin: 20px 0;
    .l {
      width: 100px;
    }
  }
}

.eh-table {
  width: 100%;
  /deep/ thead {
    tr.mat-header-row {
      height: 44px;
      th {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #999999;
        letter-spacing: -0.29px;
        text-align: right;
        border-bottom: 2px solid #a4afd2;
        text-align: right;
        .mat-sort-header-container {
          justify-content: flex-end;
        }
        .mat-sort-header-arrow {
          transform: translateY(0px) !important;
          opacity: 1 !important;
        }
        &.mat-column-action {
          padding-right: 42px;
        }
        &:first-child {
          text-align: left;
          padding-left: 0;
          .mat-sort-header-container {
            justify-content: flex-start;
          }
          & + th {
            text-align: left;
            .mat-sort-header-container {
              justify-content: flex-start;
            }
          }
        }
        &:last-child {
          padding-right: 0;
        }
      }
    }
  }
  /deep/ tbody {
    tr.mat-footer-row,
    tr.mat-row {
      height: 55px;
      td {
        text-align: right;
        border-bottom: 1px solid #f1f3fa;
        &.mat-column-action {
          a {
            text-decoration: underline;
            font-family: PingFangSC-Regular;
            font-size: 14px;
            letter-spacing: -0.34px;
            text-align: center;
            cursor: pointer;
          }
        }
        &:first-child {
          text-align: left;
          padding-left: 0;
          & + td {
            text-align: left;
          }
        }
        &:last-child {
          padding-right: 0;
        }
      }
    }
  }
}
